<!doctype html>
<html class="no-js" lang="zxx">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<title>Hawk-Matic Store</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="manifest" href="site.webmanifest">
		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
		<!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
		<link rel="stylesheet" href="/css/bootstrap.min.css">
		<link rel="stylesheet" href="/css/owl.carousel.min.css">
		<link rel="stylesheet" href="/css/animate.min.css">
		<link rel="stylesheet" href="/css/magnific-popup.css">
		<link rel="stylesheet" href="/css/fontawesome-all.min.css">
		<link rel="stylesheet" href="/css/flaticon.css">
		<link rel="stylesheet" href="/css/meanmenu.css">
		<link rel="stylesheet" href="/css/jquery-ui.css">
		<link rel="stylesheet" href="/css/meanmenu.css">
		<link rel="stylesheet" href="/css/slick.css">
		<link rel="stylesheet" href="/css/default.css">
		<link rel="stylesheet" href="/css/style.css">
		<link rel="stylesheet" href="/css/responsive.css">
		<style>
			/*****tsalert提示窗******/
			.ts-alert {
				position: fixed;
				top: 50px;
				left: 50%;
				z-index: 999;
				white-space: normal;
				min-width: 200px;
				text-align: center;
				padding: 15px;
				padding-right: 15px;
				margin-bottom: 20px;
				border: 1px solid #e0e0e0;
				border-radius: 4px;
				box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
			}

			.ts-alert-text {
				text-align: center;
				font-weight: bold;
				white-space: normal;
				line-height: 24px;
			}

			button.close {
				-webkit-appearance: none;
				padding: 0;
				cursor: pointer;
				background: 0 0;
				border: 0;
				float: right;
				font-size: 21px;
				font-weight: 700;
				line-height: 1;
				text-shadow: 0 1px 0 #fff;
				color: #222;
				margin-left: 5px;
				line-height: 26px;
			}

			.image-box {
				width: 100%;
				margin: 0.65%;
				padding-bottom: 100%;
				height: 0;
				position: relative;
			}
		</style>
	</head>
	<body>

		<!-- preloader -->
		<div id="preloader">
			<div class="preloader">
				<span></span>
				<span></span>
			</div>
		</div>
		<!-- preloader end  -->

		<!-- header start -->
		<header>
			<div id="header-sticky" class="header-area box-90">
				<div class="container-fluid">
					<div class="row align-items-center">
						<div class="col-xl-2 col-lg-6 col-md-6 col-7 col-sm-5 d-flex align-items-center pos-relative">
							<div class="basic-bar cat-toggle">
								<span class="bar1"></span>
								<span class="bar2"></span>
								<span class="bar3"></span>
							</div>
							<div class="logo">
								<a href="/index.html">
									HAWK-MATIC
								</a>
							</div>
						</div>
						<div class="col-xl-8 col-lg-6 col-md-8 col-8 d-none d-xl-block">
							<div class="main-menu text-center">
								<nav id="mobile-menu">
									<ul>
										<li>
											<a href="/index/about.html">About</a>
										</li>
										<li>
											<a href="/index/contact.html">Contact</a>
										</li>
										<li>
											<a href="/index/order_list.html">Track Orders</a>
										</li>
										<li>
											<a href="/index/wholesale.html">Wholesale</a>
										</li>
										<li>
											<a href="/index.html">Feedback</a>
										</li>
									</ul>
								</nav>
							</div>
						</div>
						<div class="col-xl-2 col-lg-6 col-md-6 col-5 col-sm-7 pl-0">
							<div class="header-right f-right">
								<ul>
									<li class="login-btn"><span id="username" style="margin-right: 1rem;"></span><a
											href="/index/login.html"><i class="far fa-user"></i></a></li>
									<li class="d-shop-cart"><a href="/index/order_cart.html"><i
												class="flaticon-shopping-cart"></i>
											<!-- <span
                                    class="cart-count">3</span> -->
										</a>
										<!-- <ul class="minicart">
                                    <li>
                                        <div class="cart-img">
                                            <a href="product-details.html">
                                                <img src="img/product/pro1.jpg" alt="" />
                                            </a>
                                        </div>
                                        <div class="cart-content">
                                            <h3>
                                                <a href="product-details.html">Black & White Shoes</a>
                                            </h3>
                                            <div class="cart-price">
                                                <span class="new">$ 229.9</span>
                                                <span>
                                                            <del>$239.9</del>
                                                        </span>
                                            </div>
                                        </div>
                                        <div class="del-icon">
                                            <a href="#">
                                                <i class="far fa-trash-alt"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="cart-img">
                                            <a href="product-details.html">
                                                <img src="img/product/pro2.jpg" alt="" />
                                            </a>
                                        </div>
                                        <div class="cart-content">
                                            <h3>
                                                <a href="product-details.html">Black & White Shoes</a>
                                            </h3>
                                            <div class="cart-price">
                                                <span class="new">$ 229.9</span>
                                                <span>
                                                            <del>$239.9</del>
                                                        </span>
                                            </div>
                                        </div>
                                        <div class="del-icon">
                                            <a href="#">
                                                <i class="far fa-trash-alt"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="cart-img">
                                            <a href="product-details.html">
                                                <img src="img/product/pro3.jpg" alt="" />
                                            </a>
                                        </div>
                                        <div class="cart-content">
                                            <h3>
                                                <a href="product-details.html">Black & White Shoes</a>
                                            </h3>
                                            <div class="cart-price">
                                                <span class="new">$ 229.9</span>
                                                <span>
                                                            <del>$239.9</del>
                                                        </span>
                                            </div>
                                        </div>
                                        <div class="del-icon">
                                            <a href="#">
                                                <i class="far fa-trash-alt"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="total-price">
                                            <span class="f-left">Total:</span>
                                            <span class="f-right">$300.0</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="checkout-link">
                                            <a href="cart.html">Shopping Cart</a>
                                            <a class="red-color" href="checkout.html">Checkout</a>
                                        </div>
                                    </li>
                                </ul> -->
									</li>
								</ul>
							</div>
						</div>
						<div class="col-12 d-xl-none">
							<div class="mobile-menu"></div>
						</div>
					</div>
				</div>
			</div>
		</header>
		<!-- header end -->

		{block name="main"}{/block}

		<!-- footer start -->
		<footer>
			<div class="footer-area box-90 pt-100 pb-60">
				<div class="container-fluid">
					<div class="row">
						<div class="col-xl-3 col-lg-5 col-md-6 ">
							<div class="footer-widget mb-40">
								<div class="footer-logo">
									<a href="/index.html">HAWK-MATIC</a>
								</div>
								<p></p>
								<div class="footer-time d-flex mt-30">
									<!-- <div class="time-icon">
                                        <img src="img/icon/time.png" alt="">
                                    </div> -->
									<div class="time-text">
										<span>Got Questions ? Call us 24/7!</span>
										<h2>001(419)897-7976</h2>
										<!--<p>My Links: <a href="https://epeusproducts.com/" target="_blank">Hawk-Matic</a></p>-->
									</div>
								</div>
							</div>
						</div>
						<div class="col-xl-3 col-lg-3 col-md-3 d-lg-none d-xl-block">
							<div class="footer-widget pl-50 mb-40">
								<h3>Social Media</h3>
								<ul class="footer-link">
									<li><a href="#">Facebook</a></li>
									<li><a href="#">Twitter</a></li>
									<li><a href="#">Behance</a></li>
									<li><a href="#"> Dribbble</a></li>
									<li><a href="#">Linkedin</a></li>
									<li><a href="#">Youtube</a></li>
								</ul>
							</div>
						</div>
						<!-- <div class="col-xl-2 col-lg-2 col-md-3 d-lg-none d-xl-block">
                            <div class="footer-widget pl-30 mb-40">
                                <h3>Location</h3>
                                <ul class="footer-link">
                                    <li><a href="#">New York</a></li>
                                    <li><a href="#">Tokyo</a></li>
                                    <li><a href="#">Dhaka</a></li>
                                    <li><a href="#"> Chittagong</a></li>
                                    <li><a href="#">China</a></li>
                                    <li><a href="#">Japan</a></li>
                                </ul>
                            </div>
                        </div> -->
						<div class="col-xl-3 col-lg-3 col-md-3">
							<div class="footer-widget mb-40">
								<h3>About</h3>
								<ul class="footer-link">
									<li><a href="#">Terms & Conditions</a></li>
									<li><a href="#"> Privacy Policy</a></li>
									<li><a href="#">Contact Us</a></li>
									<li><a href="#">FAQ</a></li>
									<li><a href="#">Wholesale</a></li>
									<li><a href="#">Direction</a></li>
								</ul>
							</div>
						</div>
						<div class="col-xl-3 col-lg-5 col-md-6">
							<div class="footer-widget mb-40">
								<div class="footer-banner">
									<a href="#"><img
											src="https://cdn.shopifycdn.net/s/files/1/0569/9180/9722/collections/Hawk-Matic_2_142b83a2-5df0-4df3-a0cf-b450e9650fda_300x300.jpg?v=1628413132"
											alt=""></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="copyright-area box-105">
				<div class="container-fluid">
					<div class="copyright-border pt-30 pb-30">
						<div class="row">
							<div class="col-xl-6 col-lg-6 col-md-6">
								<div class="copyright text-center text-md-left">
									<p>Copyright © 2021, powered by Hawk-Matic</p>
								</div>
							</div>
							<div class="col-xl-6 col-lg-6 col-md-6">
								<div class="footer-icon text-center text-md-right ">
									<a href="#"><i class="fab fa-facebook-f"></i></a>
									<a href="#"><i class="fab fa-twitter"></i></a>
									<a href="#"><i class="fab fa-behance"></i></a>
									<a href="#"><i class="fab fa-linkedin-in"></i></a>
									<a href="#"><i class="fab fa-youtube"></i></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- footer end -->

		<!-- Fullscreen search -->
		<div class="search-wrap">
			<div class="search-inner">
				<i class="fas fa-times search-close" id="search-close"></i>
				<div class="search-cell">
					<form method="get">
						<div class="search-field-holder">
							<input type="search" class="main-search-input" placeholder="Search Entire Store...">
						</div>
					</form>
				</div>
			</div>
		</div> <!-- end fullscreen search -->

		<!-- JS here -->
		<script src="/js/vendor/jquery-1.12.4.min.js"></script>
		<script src="/js/vendor/jquery.cookie.min.js"></script>
		<script src="/js/vendor/template-web.js"></script>
		<script src="/js/popper.min.js"></script>
		<script src="/js/bootstrap.min.js"></script>
		<script src="/js/owl.carousel.min.js"></script>
		<script src="/js/isotope.pkgd.min.js"></script>
		<script src="/js/one-page-nav-min.js"></script>
		<script src="/js/slick.min.js"></script>
		<script src="/js/jquery.meanmenu.min.js"></script>
		<script src="/js/ajax-form.js"></script>
		<script src="/js/wow.min.js"></script>
		<script src="/js/jquery.scrollUp.min.js"></script>
		<script src="/js/jquery.final-countdown.min.js"></script>
		<script src="/js/imagesloaded.pkgd.min.js"></script>
		<script src="/js/jquery.magnific-popup.min.js"></script>
		<script src="/js/plugins.js"></script>
		<script src="/js/main.js"></script>
		<script src="/js/vendor/api.js"></script>
		<script src="/js/vendor/ajaxService.js?v=1.1"></script>
		<script src="/js/vendor/hyman.alert.js"></script>
		<script>
			window.onload = function() {
				getUsername();
				// getProduct();
			}

			function getUsername() {
				if ($.cookie("token")) {
					console.log("存在token");
					// $.removeCookie("token");
					var username = $.cookie("username");
					var user = $.cookie("user");
					console.log(JSON.parse(user));
					if (username) {
						document.getElementById('username').innerHTML = username; //给HTML元素的value属性赋值
					}
				} else {
					console.log("不存在token");
					// $.cookie("token","efb33cec4ff7ed3ca5675882da27768f66dc4824");
				}
			}
			//获取产品信息
			function getProduct() {
				console.log("getProduct")
				let Hajax = new Services();
				Hajax.postExample("/index/product/test", {},
					function(res) {
						console.log("111", res)
					},
					function(e) {
						console.log("222", e);
					}
				)
			}
		</script>
		{block name="script"}{/block}
	</body>
</html>
